{% extends "base.html" %}

{% block title %}首页 - 教育管理系统{% endblock %}

{% block content %}
<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-md-8 text-center">
            <h1 class="display-4 mb-4">欢迎使用教育管理系统</h1>
            <p class="lead mb-5">这是一个基于Flask开发的教育数据大屏展示系统，提供教师和学生的成绩管理和数据分析功能。</p>
            <div class="d-grid gap-3 d-sm-flex justify-content-sm-center">
                <a href="{{ url_for('auth.login') }}" class="btn btn-primary btn-lg px-4 gap-3">立即登录</a>
                <a href="{{ url_for('auth.register_teacher') }}" class="btn btn-outline-primary btn-lg px-4">教师注册</a>
                <a href="{{ url_for('auth.register_student') }}" class="btn btn-outline-primary btn-lg px-4">学生注册</a>
            </div>
        </div>
    </div>

    <div class="row mt-5 pt-5">
        <div class="col-md-4">
            <div class="card h-100 shadow border-0">
                <div class="card-body text-center">
                    <h3 class="card-title mb-3">教师功能</h3>
                    <p class="card-text">管理学生成绩、查看数据统计报表、跟踪学生学习进度、分析学生表现等。</p>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card h-100 shadow border-0">
                <div class="card-body text-center">
                    <h3 class="card-title mb-3">学生功能</h3>
                    <p class="card-text">查看个人成绩、分析学习趋势、了解成绩分布、对比不同科目表现等。</p>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card h-100 shadow border-0">
                <div class="card-body text-center">
                    <h3 class="card-title mb-3">数据可视化</h3>
                    <p class="card-text">直观的图表展示、丰富的数据分析工具、实时数据更新、个性化数据大屏。</p>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %} 